html,
body {
  height: 100%;
}
body {
  background: #eee;
  display: flex;
  flex-direction: column;
}
.headertop {
  display: flex;
  justify-content: space-between;
  height: 1.33333333rem;
  width: 100%;
  background: #fafafa;
  border-bottom: 2px solid #b2b2b2;
}
.headertop .lshz {
  display: flex;
  align-items: center;
  font-size: 0.44rem;
  color: #409afd;
}
.headertop .lshz img {
  height: 0.72rem;
}
.headertop .lshc {
  display: flex;
  align-items: center;
  font-size: 0.62666667rem;
}
.headertop .lshy {
  width: 1.46666667rem;
}
.lsmin {
  flex: 1;
}
.lsmin .top {
  height: 3.73333333rem;
  background: url(../imgs/bg.png) no-repeat;
  background-size: 100% 100% ;
  display: flex;
  justify-content: space-around;
}
.lsmin .top .le {
  width: 2.53333333rem;
  height: 3.73333333rem;
  background: none;
}
.lsmin .top .topa {
  background: none;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  height: 3.73333333rem;
}
.lsmin .top .topa .toub {
  height: 2.13333333rem;
  width: 2.13333333rem;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
}
.lsmin .top .topa .toub .touxiang {
  display: flex;
  background: #edebeb;
  justify-content: center;
  align-items: center;
  height: 1.86666667rem;
  width: 1.86666667rem;
  border-radius: 50%;
}
.lsmin .top .topa .toub .touxiang img {
  height: 1.14666667rem;
  width: 1.12rem;
}
.lsmin .top .topa .ma {
  color: #ff7917;
  font-size: 0.42666667rem;
  height: 0.8rem;
  width: 2.66666667rem;
  background: rgba(255, 255, 255, 0.5);
  line-height: 0.8rem;
  text-align: center;
  border: 1px solid #FFFFFF;
}
.lsmin .top .ri {
  height: 100%;
  background: none;
  display: flex;
  align-items: flex-start;
  width: 2.53333333rem;
}
.lsmin .top .ri img {
  width: 2.26666667rem;
  height: 0.89333333rem;
}
.lsmin .mabottom {
  background: #FFFFFF;
  display: flex;
  height: 1.33333333rem;
  margin-bottom: 0.53333333rem;
}
.lsmin .mabottom p {
  border: none;
}
.lsmin .mabottom h1 {
  line-height: 1.33333333rem;
  font-size: 0.46666667rem;
  border: none;
  flex: 1;
}
.lsmin .mabottom span {
  display: block;
  line-height: 1.33333333rem;
  width: 1.33333333rem;
  font-size: 0.73333333rem;
  color: #B2B2B2;
  border: none;
}
.lsmin div {
  background: #FFFFFF;
  display: flex;
  height: 1.33333333rem;
  align-items: center;
}
.lsmin div p {
  margin-left: 0.4rem;
  height: 1.33333333rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #B2B2B2;
}
.lsmin div p img {
  display: block;
  width: 0.53333333rem;
  height: 0.6rem;
}
.lsmin div h1 {
  line-height: 1.33333333rem;
  font-size: 0.46666667rem;
  padding-left: 0.33333333rem;
  border-bottom: 1px solid #B2B2B2;
  flex: 1;
}
.lsmin div span {
  display: block;
  line-height: 1.33333333rem;
  width: 1.33333333rem;
  font-size: 0.73333333rem;
  color: #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
}
footer {
  display: flex;
  height: 1.6rem;
  border-top: 2px solid #B2B2B2;
  width: 100%;
}
footer div {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: space-around;
}
footer div .zic {
  color: #007aff;
}
footer div img {
  height: 0.77333333rem;
  width: 0.86666667rem;
}
